<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>氪涵教育</title>
    <meta name="keywords" content="氪涵教育"/>
    <meta name="description" content="氪涵教育"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-rim-auto-match" content="none">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="icon" href="../img/favicon.ico" type="/image/vnd.microsoft.icon">
    <link rel="stylesheet" href="../js/lib/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/sign.css">

    <script src="../js/lib/jquery-3.2.1.min.js"></script>
    <!--<script src="js/zepto.js"></script>-->
    <script>
      function REM() {
        var rem = $(window).width() / 7.5;
        $("html").css("fontSize", rem);
      }
      REM();
      $(window).on("resize", REM)
    </script>
</head>
<body>
<header class="header">
    <a href="tel:4008888888">
        <span>400-888-8888</span>
    </a>
</header>
<div class="signBody">
    <div class="bar1">
        <img src="img/b1.jpg" alt="氪涵教育">
    </div>
    <div class="bar2 formWarpper" id="formWarpper">
        <h2 class="formTitle">免费领取价值<span>268元</span>体验课</h2>
        <form class="myForm">
            <input type="text" name="channelAdid" class="channelAdid" value="" style="display:none">
            <p>
                <input type="text" id="name" name='name' class="name" placeholder="请输入学生姓名">
            </p>
            <p>
                <input type="tel" name='phone' id="phone" placeholder="请输入手机号" class="mobile">
            </p>
            <p id="code" class="clear">
                <input type="tel" placeholder="请输入验证码" name="code" class="code">
                <button type="button" class="send" id="btn">获取验证码</button>
            </p>
            <div class="clear">
                <p class="selectWrap" style="float: left;">
                    <select name="grade" class="grade">
                        <option value="请选择" selected style="display: none;">年级</option>
                        <option value="一年级">一年级</option>
                        <option value="二年级">二年级</option>
                        <option value="三年级">三年级</option>
                        <option value="四年级">四年级</option>
                        <option value="五年级">五年级</option>
                        <option value="六年级">六年级</option>
                        <option value="七年级">七年级</option>
                        <option value="八年级">八年级</option>
                        <option value="九年级">九年级</option>
                    </select>
                    <!--<span><img src="img/arrow.png" alt="箭头"></span>-->
                </p>
                <p class="selectWrap" style="float: right;">
                    <select name="subject" class="kemu">
                        <option value="请选择" selected style="display: none;">科目</option>
                        <option value="语文">语文</option>
                        <option value="数学">数学</option>
                        <option value="英语">英语</option>
                    </select>
                    <!--<span><img src="img/arrow.png" alt="箭头"></span>-->
                </p>
            </div>
            <p class="F-button">
                <button class='submit' type='button'></button>
            </p>
        </form>
    </div>
    <div class="bar3">
        <div class="bar3Body">
            <h2 class="title1">15万+课件 覆盖全国教材版本</h2>
            <p class="line"></p>
            <h3 class="title2">
                全国教材版本全覆盖，主打1~9年级中小
                </br>学生语数外主科辅导，针对性强</h3>
            <img class="map" src="img/map.png" alt="地图">
        </div>
    </div>
    <div class="bar4">
        <h2 class="title1">翻转课堂模式，培养学生</br>自主学习能力</h2>
        <p class="line"></p>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="img/c1.png" alt="图片加载失败" title="宣传图片1">
                    <p class="text1">学优于教</p>
                    <p class="text2">同伴共同交流，学习有对照，在良性竞争中积极求知，在课堂小竞赛中共同进步</p>
                </div>
                <div class="swiper-slide">
                    <img src="img/c2.png" alt="图片加载失败" title="宣传图片2">
                    <p class="text1">尊重个体</p>
                    <p class="text2">关注孩子的个性差异，尊重每个孩子的爱好与特点</p>
                </div>
                <div class="swiper-slide">
                    <img src="img/c3.png" alt="图片加载失败" title="宣传图片3">
                    <p class="text1">关注家庭</p>
                    <p class="text2">基于每个孩子的学习情况，为他们定制个性化学习方案</p>
                </div>
                <div class="swiper-slide">
                    <img src="img/c4.png" alt="图片加载失败" title="宣传图片4">
                    <p class="text1">释放潜力</p>
                    <p class="text2">智能学习系统和教学环境，以学生为主</p>
                </div>
            </div>
        </div>
    </div>
    <div class="bar5">
        <h2 class="title1">我们承诺</h2>
        <p class="line"></p>
        <p class="promise">
            <img src="img/d1.png" alt="无忧退款">
            <img src="img/d2.png" alt="名校老师">
            <img src="img/d3.png" alt="专业服务">
        </p>
    </div>
    <div class="bar6">
        <p class="tel">客服电话：400-888-8888</p>
        <p class="line"></p>
        <p class="workTime">10:00-21:00（工作日）</br>
            8:00-21:00（周末）</p>
        <div class="code">
            <img src="img/code.jpg" alt="关注氪涵教育公众号">
            <p>关注氪涵教育公众号</p>
        </div>
    </div>
    <p class="errorTip"></p>
</div>
<footer class="footer">
    <p>上海氪涵信息科技有限公司</p>
    <p>沪ICP备18049023号-1</p>
</footer>
<p class="footer2">
    <a><img src="img/i1.png" alt="在线咨询">在线咨询</a>
    <a href="tel:4008888888"><img src="img/i2.png" alt="电话咨询">电话咨询</a>
    <a href="#formWarpper"><img src="img/i3.png" alt="免费试听">免费试听</a>
</p>
</body>
<script src="../js/lib/swiper-3.4.2.jquery.min.js"></script>
<script src="js/sha512.js"></script>
<script src="../js/api-config.js"></script>
<script src="js/sign.js"></script>
<script>
  var swiper = new Swiper('.swiper-container', {
    loop: true,
    grabCursor: true,//设置为true时，鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状
    // centeredSlides: true,//设定为true时，active slide会居中，而不是默认状态下的居左
    initialSlide: 0,//初始化时slide的索引
    slidesPerView: 1.2,//设置slider容器能够同时显示的slides数量
    slidesOffsetBefore: 15,//  设定slide与左边框的预设偏移量（单位px）。
    spaceBetween: 15
  });

</script>
</html>